<template>
    <div class="footer-container">
        <div class="foo-con">
            <div class="f1-img" @click="prev_router">
                 <img src="./img/left.png" />
            </div>
           <div class="f2-img" @click="next_router">
               <img src="./img/right.png" />
           </div>
            <div class="clearfix"></div>
        </div>
    </div>
</template>
<script>
export default {
    methods:{
        prev_router(){
            console.log("返回上一级路由")
        },
        next_router(){
            console.log("返回下一级路由")
        }
    }
}
</script>
<style lang="less" scoped>
.footer-container{
    width: 100%;
    background: url('./img/gray-bg.jpg');
    border-top:1px solid #E8E8E8;
    position: absolute;
    z-index: 200;
    left: 0;
    bottom: 0;
    .foo-con{
        width: 45%;
        margin: 0 auto;
        padding: 4% 0;
        img{
            width: 3vw;
            display: block;
            margin: 0 auto;
        }
        .f1-img{
            .fs-img(@width:12vw)
        }
        .f2-img{
            .fs-img(@width:12vw,right)
        }
    }
    .fs-img(@width:12vw,@float:left){
        width: @width;
        float: @float;
    }
}
</style>
